<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <style>
    body {
      margin: 0;
    }

  </style>
</head>
<body>

<script>
  window.addEventListener('dblclick', (e) => {
    console.log('dblclick e:', e);
    console.log('e.type:', e.type); //'dblclick'
  });

  window.addEventListener('click', (e) => {
    console.log('click e:', e);
    console.log('e.type:', e.type); //'click'
  });

  /*
    click e: PointerEvent {isTrusted: true, pointerId: 1, width: 1, height: 1, pressure: 0, …}
    e.type: click
    click e: PointerEvent {isTrusted: true, pointerId: 1, width: 1, height: 1, pressure: 0, …}
    e.type: click
    dblclick e: MouseEvent {isTrusted: true, screenX: 252, screenY: 317, clientX: 199, clientY: 129, …}
    e.type: dblclick
  */
</script>
</body>
</html>
